<template>
    <div class="safety">
      <div class="header-warpper" @click="$router.back(-1)">
         <img src="../../assets/l_jt.png" alt="">
         <span>安全中心</span> 
      </div>
        <div class="m-input-box" @click="$router.push('/t_mobile')">
            <input class="m-input" type="text" value="手机" maxlength="40" readonly>
            <div class="xga">
                <span>进入修改</span>
                <img src="../../assets/r_jt.png" alt="">
            </div>
        </div>
       <div class="m-input-box" @click="$router.push('/t_password')">
            <input class="m-input" type="text" value="登录密码" maxlength="40" readonly>
            <div class="xga">
                <span>进入修改</span>
                <img src="../../assets/r_jt.png" alt="">
            </div>
        </div>
        <div class="m-input-box" @click="$router.push('/t_trade')">
            <input class="m-input" type="text" value="交易密码" maxlength="40" readonly>
            <div class="xga">
                <span>进入修改</span>
                <img src="../../assets/r_jt.png" alt="">
            </div>
        </div>
      <div style="height:1.333333rem"></div>
      <Tabbar :idx="5"/>
    </div>
    
</template>

<script>
// @ is an alias to /src
import Tabbar from '@/views/public/Tabbar.vue'

export default {
  name: 'safety',
  components: {
    Tabbar
  },
   data() {
    return {
       
    }
  },
  created:function(){

  },
  mounted () {
      
  },
  methods: {
    //   onFetcha() {
    //     let items = []
    //     return new Promise((resolve) => {
    //         // 模拟请求 50 条数据，因为 size 设置为 50
    //         setTimeout(() => {
    //         for (let i = 0; i < 50; i++) {
    //             items.push({
    //             id: i,
    //             avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg',
    //             msg: '123',
    //             time: 'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'
    //             })
    //         }
    //         resolve(items)
    //         }, 1000)
    //     })
    //    },
    //    handleClick(data) {
    //     console.log('Item:' + data)
    //    },
    tab(str){
        this.indexs = str;
        
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .f-flex{
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .safety{
        .m-input-box{
            padding-right: 0;
            margin-left: 4%;
        }
        .m-input{
            color: #000;
            font-size: .426667rem;
            font-weight: bold;
        }
        .xga{
            padding-right: 4%;
            width: 30%;
            .f-flex();
            margin-top: .8rem;
            font-size: .373333rem;
            span{
                padding-right: .2rem;
                color: #aab2ca;
                width: 2rem;
            }
            img{
                margin-top: 0;
            }
        }
    }
</style>

